import React from 'react';

export const Logo: React.FC<{className?: string}> = ({ className }) => (
    <svg 
        viewBox="0 0 130 32" 
        className={className} 
        fill="none" 
        xmlns="http://www.w3.org/2000/svg"
    >
        <path d="M16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0ZM24.4 20.8V25.6C24.4 26.2627 23.8627 26.8 23.2 26.8H8.8C8.13726 26.8 7.6 26.2627 7.6 25.6V20.8" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"/>
        <path d="M11.6 16.4L16 20.8L20.4 16.4" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"/>
        <path d="M16 20.8V8.80005" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"/>
        <text x="40" y="24" fontFamily="Inter, sans-serif" fontSize="24" fontWeight="800" fill="currentColor">
            DaoBT
        </text>
    </svg>
);
